<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css\reset.css" rel="stylesheet">
    <script src="js/xml.js"></script>
</head>
<body>
<div class="total" style="width: 80%;padding-left:10%">
    <div class="wrapper">
        <h1><input type="image" src="images/logo.PNG"> </h1>

        <audio src="Melody.mp3" preload="auto" controls style="float: right;margin-top: -100px;"></audio>

        <div id="mine-left">
            <div id="mine-left-nav">
                <ul>
                    <li style="background-color:#9abaf0;"><a href="index.html"> 首页</a></li>
                    <li style="background-color:#f8fff7;"><a href="yiquan.html">易圈</a></li>
                    <li style="background-color:#cccccc;"><a href="contact.html">关于我们</a> </li>
                </ul>
            </div>
        </div>
        <div id="mine-med">
        <div class="mine-div">
            <div id="body">
            <div class="main">

                <span>在这里发布属于你的“愿易”吧</span>
                <span class="tag">你最多可以输入30个字符</span>
                <textarea id="text" cols="30" rows="10" maxlength="30" class="text"></textarea><br>
                <input type="button" value="发 表" id="ipt">
                <div id="txt" >
                    <div id="yincang" value="fffffffff">

                        &nbsp;&nbsp;&nbsp;---------------&nbsp;&nbsp;&nbsp;在此开始发布属于你的第一个“愿易”吧&nbsp;&nbsp;&nbsp;---------------
                    </div>

                </div>

                <script src="js/zzw.js" type=text/javascript></script>
                <script src="js/jquery-1.4.1.min.js" type=text/javascript></script>
                <div class="uldiv">
                    <div class="btndiv">
                        <strong>关注下易圈的达人们，交流下经验吧</strong>
                        <a class="abtn aleft" href="#left">左移</a>
                        <a class="abtn aright" href="#right">右移</a>
                    </div>
                    <div class="scrollcontainer">
                        <ul>
                            <li><img src="images/team.jpg" /></li>
                            <li><img src="images/img02.gif" /></li>

                        </ul>
                    </div>
                    <a class="gzbtn" onclick="alert('关注成功！')">关注他们</a>
                </div>
                <script type="text/javascript">
                    $(function(){
                        $(".uldiv").Xslider({
                            unitdisplayed:1,
                            numtoMove:1,
                            speed:300,
                            scrollobjSize:Math.ceil($(".uldiv").find("li").length/1)*690
                        })
                    })
                </script>

            </div>
            </div>
            <script>
                var ipt = document.getElementById("ipt");
                var txt = document.getElementById('txt');
                var textarea = document.getElementById("text");
                var yincang = document.getElementById("yincang");

                ipt.onclick = function(){

                    var textValue = textarea.value.LTrim();
                    if(textValue=="")
                    {
                        alert("您还没有输入任何东西")
                    }
                    else{
                        textarea.value="";
                        yincang.value="";
                        if(textValue.length>0 ){
                            var divs = document.createElement("div");
                            var imgs = document.createElement("img");
                            var ps = document.createElement("p");
                            var inputs = document.createElement("input");
                            divs.setAttribute("class","creatediv");
                            imgs.setAttribute('class',"createimg");
                            ps.setAttribute("class","createdivs");
                            inputs.setAttribute("class","createinput");
                            imgs.src="images/timg.jpg";
                            inputs.type="button";
                            inputs.value="删除";
                            ps.innerHTML=textValue;
                            divs.appendChild(imgs);
                            divs.appendChild(ps);
                            divs.appendChild(inputs);
                            if(txt.children.length==0){
                                txt.appendChild(divs);
                            }else{
                                txt.insertBefore(divs,get_firstChild(txt))
                            }
                            inputs.onclick = function(){
                                this.parentNode.parentNode.removeChild(this.parentNode)

                            }

                        }
                    }

                }
            </script>
        </div>
            <br>

        <div class="mine-div"></div>
            <br>
        <div class="mine-div"></div>
            <br><!--

        <div class="mine-div"></div>
            <br>
        <div class="mine-div"></div>
         -->
        </div>
        <div id="mine-right">
            <div id="mine-right-touxiang">
                <img src="images/mine-tou.png">
                <br/><br/>
                小彭友
                <br/><br/>
                信用值：8.0
                <br/><br/>
                <input type="button" value="&nbsp;关注&nbsp;">
                &nbsp;&nbsp;&nbsp;&nbsp;
                <input type="button" value="&nbsp;消息&nbsp;">
            </div>
            <div id="mine-right-xia">
                <div id="left">
                    <div class="title">
                        易你所爱
                    </div>
                    <div id="leftcontent">
                        <a href="#"><img src="images/xiaoxin.jpg" width="174px" height="114px"/></a>
                        <ul>
                            <li><a href="jiaoyi.html">【易物】公仔 80cm蜡笔小新一只</a></li>
                            <li><a href="jiaoyi.html">【易物】 Dior一只</a></li>
                            <li><a href="jiaoyi.html">【易务】 陪同看一次电影#广州海珠#</a></li>
                            <li><a href="jiaoyi.html">【易务】 香港行求同伴</a></li>
                            <li style="border:none;"><a href="jiaoyi.html">······</a></li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <br/>

    <br/>

        <footer style="text-align:center;color:#808080;" id="mine-footer">
            <br/>
            客服电话：020-11111111 举报电话：81111111 客服邮箱：yy@yuanyi.com
            <br/>
            版权所有：愿易小组  2017-2018     京ICP备1440624000号
        </footer>

</div>

</body>
</html>